<link rel="stylesheet" href="<?php echo CSS_DIR; ?>news.css">
  
    <section class="banner">
       <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="<?php echo IMG_DIR; ?>public/banner2.jpg">
          </div>
      </div>       
    </section>
	<section class="news">
		<div class="container">
			<div class="row">
				<div class="location col-md-11 col-md-offset-1 col-md-11 col-md-offset-1">
					<p>当前位置：<span>资讯中心</span></p>
				</div>
			</div>
		</div>
	</section>
   <section class="title">
      <div class="container titled">
        <h1>我们的资讯中心</h1>
        <h3>NEWS CENTER</h3>
      </div>
    </section>
    <section class="news_list">
      <div class="container">
        <div class="row col-xs-12 col-sm-11 col-md-11 col-lg-11 col-sm-offset-1 col-md-offset-1 col-lg-offset-1 news">
          <ul>
            <?php foreach($info as $key => $val){
                if($key % 2 == 0){  
            ?>
            <li class="img_left">
              <img src="<?php echo ROOT.'/Admin/'.$val['info_img']; ?>" alt="" class="img col-md-6 col-sm-12 col-xs-12">
              <div class="content col-md-6 col-sm-12 col-xs-12">
                <h2><?php echo date('m-d', $val['info_time']); ?></h2>
                <h3><?php echo date('Y', $val['info_time']); ?></h3>
                <h4><?php echo $val['info_title']; ?></h4>
                <p><?php echo $val['info_content']; ?></p>
                <a href="#" class="active">MORE</a>
              </div>
            </li>
            <div class="clearfix"></div>
            <?php }else{ ?>
            <li class="img_right">
              <img src="<?php echo ROOT.'/Admin/'.$val['info_img']; ?>" alt="" class="img col-md-6 col-sm-12 col-xs-12">
              <div class="content col-md-6 col-sm-12 col-xs-12">
                <h2><?php echo $date; ?></h2>
                <h3><?php echo $year; ?></h3>
                <h4><?php echo $val['info_title']; ?></h4>
                <p><?php echo $val['info_content']; ?></p>
                <a href="#">MORE</a>
              </div>
            </li>
            <div class="clearfix"></div>
            <?php }}?>
          </ul>
        </div>  
        <div class="clearfix"></div>
        <div class="kong64"></div>
        <div class="row col-md-6 col-sm-8 col-xs-8 page">
          <link rel="stylesheet" href="<?php echo CSS_DIR; ?>page.css">
          <?php echo $page; ?>
          <!-- <div class="my-page">
            <ul>
              <li class="prev"><</li>
              <li><a href="">1</a></li>
              <li><a href="">2</a></li>
              <li><a href="">3</a></li>
              <li><a href="">4</a></li>
              <li><a href="">...</a></li>
              <li><a href="">10</a></li>
              <li class="next">></li>
            </ul>
          </div> -->
          
        </div>
        <div class="kong75"></div>
      </div>
    </section>
        
    <!-- <script src="scripts/public.js"></script> -->
    <script src="<?php echo JS_DIR; ?>jquery-1.11.1.min.js"></script>
    <script>
      $('.news a').mouseover(function(){
        $(this).addClass('active').parent().parent().siblings('li').find('a').removeClass('active');
      })
    </script>